<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="alternate icon" type="img/hengwang-1.png" href="img/favicon.png">
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="js/swiper/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/page/index.css">
</head>


<body>
<!--头部导航-->
<header class="am-topbar header">
    <div class="am-container-1">
        <div class="left hw-logo">
            <img class=" logo" src="img/logo.png"/>
        </div>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
                class="am-icon-bars"></span></button>

        <div class="am-collapse am-topbar-collapse right" id="doc-topbar-collapse">


            <div class=" am-topbar-left am-form-inline am-topbar-right" role="search">
                <ul class="am-nav am-nav-pills am-topbar-nav hw-menu">
                    <li class="hw-menu-active"><a href="index.html">首页</a></li>
                    <li><a href="product-show.html">产品中心 </a></li>
                    <li><a href="solutions.html">行业应用</a></li>
                    <li><a href="news.html">新闻资讯</a></li>
                    <li><a href="about-us.html">关于我们</a></li>
                    <li><a href="recruit.html">联系我们 </a></li>
                    <li><a href="">ENGLISH </a></li>
                </ul>
            </div>

        </div>
    </div>
</header>
<!--顶部轮播-->
<div class="rollpic">
    <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}'>
        <ul class="am-slides">
            <li><img src="img/index/banner-1.png"/></li>
            <li><img src="img/index/banner-2.png"/></li>
            <!--<li><img src="img/hw_bg.png"/></li>
            <li><img src="img/hw_bg3.png"/></li>-->
        </ul>
    </div>
</div>
<!--产品中心-->
<div class="container" style="margin-top: 100px">
    <div class="solutions part-all">
        <div class="part-title">
            <a href="solutions.html">
                <img src="img/index/cpzx-title.png" alt="">
            </a>
        </div>
        <div class="jjfa-box">
            <div class="swiper-container jjfa-list">
                <div class="swiper-wrapper">
                    <div class="swiper-slide jjfa-item" style="background-image: url(http://www.ruijielaser.com/upload/2017-05/09/weibiaoti1kaobei.jpg)">
                        <!--<img class="pic" src="img/index/cp-pic-1.png"/>-->
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide jjfa-item" style="background-image: url(http://www.ruijielaser.com/upload/2017-05/06/3015G.jpg)">
                        <!--<img class="pic" src="img/index/cp-pic-2.png"/>-->
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide jjfa-item" style="background-image: url(http://www.ruijielaser.com/upload/2017-05/02/cp1.jpg)">
                        <!--<img class="pic" src="img/index/cp-pic-3.png"/>-->
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide jjfa-item" style="background-image: url(http://www.ruijielaser.com/upload/2017-05/06/3015G.jpg)">
                        <!--<img class="pic" src="img/index/cp-pic-4.png"/>-->
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide jjfa-item">
                        <img class="pic" src="img/index/cp-pic-1.png"/>
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide jjfa-item">
                        <img class="pic" src="img/index/cp-pic-2.png"/>
                        <div class="desc">
                            <h2>自动交换平台光纤激光切割机</h2>
                            <div class="line"></div>
                            <p class="cont">
                                进口的高精度齿轮、齿条传动系统，交互式双工作台
                            </p>
                            <div class="plus">
                                <img src="img/index/cp-plus.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
</div>
<!---->
<div class="fl">
    <div class="container">
        <div class="bar">
            <div class="bar-item active" style="background: #005BAE">
                <div class="icon">
                    <img src="img/index/fl-icon-2.png" alt="">
                </div>
                <p class="title">
                    关于我们
                </p>
            </div>
            <div class="bar-item" style="background: #3897CD">
                <div class="icon">
                    <img src="img/index/fl-icon-4.png" alt="">
                </div>
                <p class="title">
                    新闻中心
                </p>
            </div>
            <div class="bar-item" style="background: #0279CD">
                <div class="icon">
                    <img src="img/index/fl-icon-1.png" alt="">
                </div>
                <p class="title">
                    产品中心
                </p>
            </div>
            <div class="bar-item" style="background: #0352A1">
                <div class="icon">
                    <img src="img/index/fl-icon-3.png" alt="">
                </div>
                <p class="title">
                    联系我们
                </p>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container">
            <div class="item active" style="left:0px">
                <h2>
                    专注服务，成就客户
                </h2>
                <p class="en">FUCUS ON SERVICES <br>
                    ACHIEVEMENT OF CUSTOMERS</p>
                <p class="cont">
                    管理求效益，以质量求生存，以信誉求发展的经营理念，积极提高产品质量价值观，坚持专业化和实用化的产品设计原则，追求卓越、不断进取、竭诚为各行业广大用户提供质优价廉的产品和完善系统服务，</p>
                <p class="more">
                    <img src="img/index/fl-more.png" alt="">
                    MORE
                </p>
            </div>
            <div class="item" style="left:280px">
                <h2>
                    专注服务，成就客户
                </h2>
                <p class="en">FUCUS ON SERVICES <br>
                    ACHIEVEMENT OF CUSTOMERS</p>
                <p class="cont">
                    管理求效益，以质量求生存，以信誉求发展的经营理念，积极提高产品质量价值观，坚持专业化和实用化的产品设计原则，追求卓越、不断进取、竭诚为各行业广大用户提供质优价廉的产品和完善系统服务，</p>
                <p class="more">
                    <img src="img/index/fl-more.png" alt="">
                    MORE
                </p>
            </div>
            <div class="item" style="left:560px">
                <h2>
                    专注服务，成就客户
                </h2>
                <p class="en">FUCUS ON SERVICES <br>
                    ACHIEVEMENT OF CUSTOMERS</p>
                <p class="cont">
                    管理求效益，以质量求生存，以信誉求发展的经营理念，积极提高产品质量价值观，坚持专业化和实用化的产品设计原则，追求卓越、不断进取、竭诚为各行业广大用户提供质优价廉的产品和完善系统服务，</p>
                <p class="more">
                    <img src="img/index/fl-more.png" alt="">
                    MORE
                </p>
            </div>
            <div class="item" style="right:0px">
                <h2>
                    专注服务，成就客户
                </h2>
                <p class="en">FUCUS ON SERVICES <br>
                    ACHIEVEMENT OF CUSTOMERS</p>
                <p class="cont">
                    管理求效益，以质量求生存，以信誉求发展的经营理念，积极提高产品质量价值观，坚持专业化和实用化的产品设计原则，追求卓越、不断进取、竭诚为各行业广大用户提供质优价廉的产品和完善系统服务，</p>
                <p class="more">
                    <img src="img/index/fl-more.png" alt="">
                    MORE
                </p>
            </div>
        </div>
    </div>
</div>
<!--我们的优势-->
<div class="we">
    <div class="part-title">
        <a href="solutions.html">
            <img src="img/index/we-title.png" alt="">
        </a>
    </div>

    <div class="container">
        <div class="item active" style="top:0;left:62px">
            <p class="numb">-01-</p>
            <h2>技术</h2>
            <p class="cont">
                科技创新为本 <br>
                填补行业空白
            </p>
        </div>
        <div class="item" style="top:0;left:438px">
            <p class="numb">-02-</p>
            <h2>服务</h2>
            <p class="cont">
                科技创新为本 <br>
                填补行业空白
            </p>
        </div>
        <div class="item" style="top:0;left:812px">
            <p class="numb">-03-</p>
            <h2>品牌</h2>
            <p class="cont">
                科技创新为本 <br>
                填补行业空白
            </p>
        </div>
        <div class="item" style="top:200px;left:254px">
            <p class="numb">-04-</p>
            <h2>技术</h2>
            <p class="cont">
                科技创新为本 <br>
                填补行业空白
            </p>
        </div>
        <div class="item" style="top:200px;left:628px">
            <p class="numb">-05-</p>
            <h2>技术</h2>
            <p class="cont">
                科技创新为本 <br>
                填补行业空白
            </p>
        </div>
    </div>
</div>

<!--底部-->
<footer class="footer">
    <div class="am-container-1">
        <h1>CONTANCT US</h1>
        <h2>联系我们</h2>
        <p class="en">In my mind, everyone shall have his own dream. I think that having a dream</p>
        <div class="list">
            <div class="item">
                <p class="icon"><img src="img/add-icon.png" alt=""></p>
                <p class="cont">地址：济南市历城区大桥路117号零点国际物流港六层</p>
            </div>
            <div class="item">
                <p class="icon"><img src="img/phone-icon.png" alt=""></p>
                <p class="cont">电话：0531-88787388 <br> 0531-88789388</p>
            </div>
            <div class="item">
                <p class="icon"><img src="img/email-icon.png" alt=""></p>
                <p class="cont">邮箱：88888888@qq.com</p>
            </div>
        </div>
    </div>
</footer>


</body>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<script src="js/amazeui.min.js"></script>
<script src="js/scroll.js"></script>
<script src="js/swiper/swiper-3.4.2.jquery.min.js"></script>
<script src="js/page/index.js"></script>
</html>
